﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layuimini-v2/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuimini-v2/css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
    <div class="layui-form layuimini-form">
        <div class="layui-form-item">
            <label class="layui-form-label required">公告标题</label>
            <div class="layui-input-block">
                <input type="text" name="publicityName" lay-verify="required" lay-reqtext="公告标题不能为空" placeholder="请输入" value="" class="layui-input">
            </div>
        </div>



        <div class="layui-form-item">
            <label class="layui-form-label">公告内容</label>
            <div class="layui-input-block" id="editor" style="margin: 50px 0 50px 0">
            </div>
        </div>

        


        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注信息</label>
            <div class="layui-input-block">
                <textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
            </div>
        </div>
    </div>
    <script src="/layuimini-v2/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="/layuimini-v2/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
    <script>
        var editor
        layui.use(['form', 'tableSelect', 'table','wangEditor'], function () {
        var form = layui.form,
            layer = layui.layer,
            table = layui.table,
            tableSelect = layui.tableSelect,
            $ = layui.$,
            wangEditor = layui.wangEditor;


            editor = new wangEditor('#editor');
            editor.customConfig.uploadImgServer = "@Url.Action("imgUpload")";

            editor.customConfig.uploadFileName = 'image';
            editor.customConfig.pasteFilterStyle = false;
            editor.customConfig.uploadImgMaxLength = 5;
            editor.customConfig.uploadImgHooks = {
                // 上传超时
                timeout: function (xhr, editor) {
                    layer.msg('上传超时！')
                },
                // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
                customInsert: function (insertImg, result, editor) {
                    console.log(result);
                    if (result.code == 0) {
                        var url = result.data;
                        insertImg(url);
                    } else {
                        layer.msg(result.msg);
                    }
                }
            };
            editor.customConfig.customAlert = function (info) {
                layer.msg(info);
            };
            editor.create();

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            var data = data.field;
            var publicityArticle = editor.txt.html();
            var index = layer.alert("确认信息无误吗", {
                title: '确认'
            }, function () {

				$.ajax({
					url: "@Url.Action("AddPublicity")",
					type: "post",
                    data: { "publicityName": data.publicityName, "publicityArticle": publicityArticle, "remark": data.remark },
					success: function (da) {
						console.log(da)
						layer.msg(da.msg)

					},
				})
                // 关闭弹出层
                layer.close(index);

                var iframeIndex = parent.layer.getFrameIndex(window.name);
                parent.location.reload();
                parent.layer.close(iframeIndex);

            });



            return false;
        });

    });
    </script>
</body>
</html>